<!DOCTYPE html>
<html>
<head lang="zh-cn">
    <title>Shoto</title>
    <meta charset="utf-8">
    <meta content="" name="Description"> <!--对网站的描述 -->
    <meta content="" name="keywords"> <!--网站的关键词 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link type="text/css" href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <meta name="renderer" content="webkit"><!-- 将360浏览器默认为极速模式打开-->
    <meta http-equiv="X-UA-Compatible"  content="IE"=edge>  <!--IE兼容性 -->
    <link rel="stylesheet" href="./shoto.css" type="text/css"/>



</head>
<body>

<!--header-->
<div class="row" id="div1"><img src="./img/1.png" />
    <div class="span1 logo">
        <img src="./img/logo.png" alt="logo"/>
    </div>
    <div class="span1 galaxy">
        <img src="./img/galaxy.png"/>
    </div>
    <div class="span1 app1">
        <img src="./img/app_badges1.png" alt=""/>&nbsp;
        <img src="./img/app_badges2.png" alt=""/>
    </div>
    <div class="span1">
        <h1 class="zi">Never miss a photo again!</h1>
        <h2 class="zi2">Shoto is the easiest way to get the photos your <br/>
            friends have on their phone from your times <br/>
            together.</h2>
    </div>
    <div class="span1 shu">
        <input type="text" placeholder="Get Shoto. Enter phone #" class="wenbenkuang"/>
        <input type="submit" class="anniu" value=""/>
    </div>

</div>

<!--article-->
<div class="row bg2">
    <div class="span1 tu1">
        <img src="./img/phone-2.png" alt=""/>
    </div>
    <div class="span1 tu2">
        <img src="./img/icn-2.png" alt=""/>
    </div>
    <div class="span1">
        <h1 class="zi3">Request Your Friend’s Photos</h1>
        <p class="zi4">Get the photos your friends took when you were <br/>
            together.We use time, location, and our algorithm to tell <br/>
            you whichfriends took photos when you were together.</p>
    </div>

</div>

<div class="row bg3">
    <div class="span1 tu3">
        <img src="./img/icn-1.png" alt=""/>
    </div>
    <div class="span1">
        <h1 class="zi5">All Your Photos Organized</h1>
        <p class="zi6">Shoto automatically organizes your photos into albums <br/>
            and trips on your timeline.</p>
    </div>
    <div class="span1 tu4">
        <img src="./img/phone-1.png" alt=""/>
    </div>

</div>

<div class="row bg4">
    <div class="span1 tu5">
        <img src="./img/phone-4.png" alt=""/>
    </div>
    <div class="span1 tu6">
        <img src="./img/icn-4.png" alt=""/>
    </div>
    <div class="span1">
        <h1 class="zi7">See All Your Trips </h1>
        <p class="zi8">See all the photos from your last trip in one album and <br/>
            share as many photos as you want in two taps.</p>
    </div>

</div>

<div class="row bg5">
    <div class="span1 tu3">
        <img src="./img/icn-5.png" alt=""/>
    </div>
    <div class="span1">
        <h1 class="zi5">Privacy is First </h1>
        <p class="zi6">You are in complete control of what photos are shared. <br/>
            We never upload your photos or share without your <br/>
            permission.</p>
    </div>
    <div class="span1 tu4">
        <img src="./img/phone-5.png" alt=""/>
    </div>

</div>


<div class="row bg6">
    <div class="span1 tu9">
        <img src="./img/phone-3.png" alt=""/>
    </div>
    <div class="span1 tu10">
        <img src="./img/icn-3.png" alt=""/>
    </div>
    <div class="span1">
        <h1 class="zi11">Create an Event  </h1>
        <p class="zi12">Shoto pools the photos from your next big event. <br/>
            Guests submit photos via Shoto and we bring them <br/>
            together in oneplace along with Twitter and Instagram <br/>
            photos.</p>
    </div>

</div>


<!--footer-->
<div class="row bg7">
    <div class="fu">
        <img src="./img/sd1.png" alt=""/>
        <img src="./img/sd2.png" alt=""/>
        <img src="./img/sd3.png" alt=""/>
        <img src="./img/sd4.png" alt=""/>
        <img src="./img/sd5.png" alt=""/>
        <img src="./img/sd6.png" alt=""/>

    </div>

</div>

<div class="row bg8">
    <div class="span1">
        <h1 class="dizi1" style="font-size: 30px">Shoto</h1>
        <p class="dizi1">Never miss a photo again!</p>
    </div>
    <div class="span1 ditu">
        <img src="./img/icon-ios.png" alt=""/>
        <img src="./img/icon-google.png" alt=""/>
    </div>
    <div class="span1 shuipx">
        <hr/>
    </div>
    <div class="span1">
        <p class="dizi1" style="font-size: 30px">Shoto, Inc</p>
        <div class="daohang">
            <a href="" >Contact</a>&nbsp;
            <a href="" >Investors</a>&nbsp;
            <a href="" >Privacy</a>&nbsp;
            <a href="" >Terms</a>&nbsp;
        </div>

    </div>
    <div class="span1 tupiao">
        <img src="./img/facebook-icn.png" alt=""/>&nbsp;
        <img src="./img/instagram.png" alt=""/>&nbsp;
        <img src="./img/twitter-icn.png" alt=""/>&nbsp;
    </div>


</div>





<script src="../../bootstrap/jquery/jquery.js"></script>

<script src="../../bootstrap/js/bootstrap.min.js"></script>
</body>
</html>